﻿<!--<link rel="stylesheet" type="text/css" href="css/settings.css" />-->

<div class="Window Messagebox settingsOnLogin">
    <div class="header" data-bind="text: Application.Resources.Views.Settings.Title">Settings</div>
    <div class="middle">
        <div class="one-in-row">
            <span class="label" data-bind="text: Application.Resources.Views.Settings.Base_URL">Base URL</span>
            <input class="border-brown" type="text" placeholder="Base URL" data-bind="value: settingsModel.BaseUrl" />
        </div>
        <div class="one-in-row">
            <span class="label" data-bind="text: Application.Resources.Views.Settings.DeviceID">Device ID</span>
            <span class="label deviceID" data-bind="text: settingsModel.DeviceID">Unknown</span>
        </div>
    </div>
    <div class="footer">
        <button data-bind="click: function (data, event) { onOk(data, event.target); }, text: Application.Resources.Buttons.OK">OK</button>
        <button data-bind="click: function (data, event) { onCancel(event.target); }, text: Application.Resources.Buttons.Cancel">Cancel</button>
    </div>
</div>